@charset "utf-8";

/*Reset*/

html, body, div,section,header,footer, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input,textarea,button{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}
table{border-collapse: collapse;}
button,input[type="button"], input[type="submit"] {
  cursor: pointer;
}
i{font-style:normal;}

:focus { outline: 0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
::-webkit-input-placeholder{font-size: 12px;}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {zoom:1;}

.v-center:after{
  display:inline-block;
  width:1px;
  height:100%;
  vertical-align:middle;
  content:"";
}

//IE 选择框右侧下拉/输入框X/密码框眼睛
select::-ms-expand { display: none; border: none; }
input::-ms-clear { display: none;}
input::-ms-reveal { display: none;}

//chrome type=number移除箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;
}

//**********移动端************
//Ios点击后背景框
*,*:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*----------------CSS全局属性-----------------*/

//CSS容器样式

.fl {
  float: left;
}
.fr {
  float: right;
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}

/*-----------------字体文本样式-------------------*/

.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.fw{
  font-weight: bold;
}

/*----------------flex布局---------------*/
[class*=fx-row],[class*=fx-col]{
  display: flex;
  flex-wrap: wrap;
}
[class*=fx-row]{ flex-direction: row; align-items: center;}
[class*=fx-col]{ flex-direction: column; }

.fx-align-t {
  align-items: flex-start;
}
.fx-align-c {
  align-items: center;
}
.fx-align-b {
  align-items: flex-end;
}

.fx-row-c{
  justify-content: center;
}
.fx-row-a{
  justify-content: space-around;
}
.fx-row-b{
  justify-content: space-between;
}
.fx-row-s{
  justify-content:flex-start;
}
.fx-row-e{
  justify-content:flex-end;
}
/*------------主轴竖向排列---------------*/
.fx-col-c{
  justify-content: center;
}
.fx-col-a{
  justify-content: space-around;
}
.fx-col-b{
  justify-content: space-between;
}
.fx-col-s{
  justify-content:flex-start;
}
.fx-col-e{
  justify-content: flex-end;
}
/*------------------项目属性-----------------*/
.fx-sf-c{
  align-self :center;
}
.fx-sf-s{
  align-self :flex-start;
}
.fx-sf-e{
  align-self :flex-end;
}
.fx-sf-b{
  align-self :baseline;
}
.fx-sf-se{
  align-self: stretch;
}
.fx-g{
  flex-grow: 1;
}

